<template>
    <h1>首页</h1>
    <Title title="封装组件" sub-title="练习" />
    <Title title="123" sub-title="456" />
    <Title>
        <h1>哈哈哈</h1>
    </Title>
</template>
<script setup>
    // 模块化语法(封装的js) ES Module import export
    // 模块化语法实现在js文件中引入另一个js文件中的变量
    // 组件是特殊的模块
    // 命名导入,导入时名字必须和导出的名字一样
    import { log, title } from '../utils/common'
    import Title from '../components/Title.vue'
    import { getTopics } from '@/api/topics'
    import {onMounted } from 'vue'
    import a from '../utils/common'

    onMounted(()=>{
        getTopics()
            .then(res=>{
                console.log(res)
            })
    })
    // 默认导入，名字可以变
    log(title)
    log(a)
</script>
<style></style>